<!--
 * @Author: zhuoda
 * @Date: 2021-08-03 10:27:11
 * @LastEditTime: 2022-06-23
 * @LastEditors: zhuoda
 * @Description:
 * @FilePath: /smart-admin/src/components/recursion-menu/sub-menu.vue
-->
<template>
  <div>
    <a-sub-menu>
      <!--      <a-icon :type="menuInfo.meta.icon"></a-icon>-->
      {{ menuInfo.menuName }}
      <template v-for="item in menuInfo.children">
        <template v-if="!item.children">
          <a-menu-item @click="turnToPage(item)">
            {{ item.menuName }}
          </a-menu-item>
        </template>
        <template v-else>
          <sub-menu :menu-info="item" @turnToPage="turnToPage" />
        </template>
      </template>
    </a-sub-menu>
  </div>
</template>
<script>
export default {
  name: 'SubMenu',
  props: {
    menuInfo: Object
  },
  data () {
    return {}
  },
  computed: {},
  methods: {
    turnToPage () {

    }
  }
}
</script>
